<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组合选择器</title>
    <style>
        .center li{
            color: red;
        }
        .center > li{
            color: aquamarine;
        }
        #d1,p{
            color: bisque;
        }
    </style>
</head>
<body>
  <div class="center">
      <li>我是直接子标签1</li>
      <ol>
          <li>我是间接子标签1</li>
          <li>我是间接子标签2</li>

      </ol>
  </div>
  <div class="center">
      <li>我是直接子标签2</li>
      <ol>
          <li>我是间接子标签3</li>
          <li>我是间接子标签4</li>
      </ol>
  </div>
<span id="d1">aaa</span>
<p>bbb</p>
</body>
</html>